<!DOCTYPE html>

<html>

<head>
    <meta charset="utf-8">
    <title>麦叔编程-爬虫训练营</title>
    <link rel="stylesheet" type="text/css" href="mystyle.css">
    <script src="myscript.js"></script>
</head>

<body>

    <!-- 这是一个注释 -->
    <h1>麦叔爬虫入门</h1>
    <h2>这是二级标题</h2>
    <h3>这是三级标题</h3>
    <h4>段落</h4>
    <p>这是一个段落。</p>
    <hr>
    <p>这是另外一个段落。</p>
    <h4>超链接</h4>
    <a href="https://blog.qingke.com">麦叔的网站</a>
    <h4>图片</h4>
    <span>麦叔的公众号：</span>
    <img loading="lazy" src="maishu.jpg" width="400" height="400" />

    <h4>样式</h4>
    <h2 style="background-color:red;">这是一个标题</h2>
    <p style="background-color:green;">这是一个段落。</p>

    <h4>表格</h4>

    <table border="1">
        <tr>
            <th>名字</th>
            <th>语文</th>
            <th>数学</th>
        </tr>
        <tr>
            <td>张三</td>
            <td>88</td>
            <td>100</td>
        </tr>
        <tr>
            <td>李四</td>
            <td>95</td>
            <td>92</td>
        </tr>
    </table>
    <hr>
    <table border="1" class='table'>
        <tr>
            <th>名字</th>
            <th>语文</th>
            <th>数学</th>
        </tr>
        <tr>
            <td>张三</td>
            <td>88</td>
            <td>100</td>
        </tr>
        <tr>
            <td>李四</td>
            <td>95</td>
            <td>92</td>
        </tr>
    </table>
    <h4>无序列表:</h4>
    <ul>
        <li>Coffee</li>
        <li>Tea</li>
        <li>Milk</li>
    </ul>

    <h4>表单</h4>
    <form>
        用户: <input type="text" name="firstname"><br>
        密码: <input type="password" name="lastname"><br>
        <input type='button' value='登录'>
    </form>

    <h4>div</h4>
    <div id="mydiv">
        此处为JS动态插入的表格

    </div>
    <h4>使用JavaScript脚本</h4>
    <script type='text/javascript'>
        document.write("Hello Maishu!");
        tableCreate();
    </script>


</body>

</html>